<template>
  <el-container style="padding: 15px">
    <el-header>
      <p><strong>欢迎登录江西同致报告管理系统</strong></p>
      <strong>欢迎你！{{ name }}</strong>
    </el-header>
    <el-divider />
    <el-main style="padding: 0">
      <el-row type="flex" :gutte="20" align="middle">
        <el-col :span="24">
          <el-card shadow="hover">
            <div slot="header" class="clearfix">
              <span class="main-title-font">江西同致报告管理系统</span>
              <el-divider direction="vertical" />
              <el-tag>
                <span style="font-family: 'Apple Braille', sans-serif; font-size: 0.8em">
                  <strong>Version 1.0.0</strong>
                </span>
              </el-tag>
            </div>
            <el-row type="flex" align="middle" :gutter="20">
              <el-col>
                系统简介：<span style="font-size: 0.8em">为了⾼效管理和查阅报告，为此搭建⼀套完善的存档管理系统;提⾼员⼯效率，缩短办公时间，有效解决重复做，⻓时间做等问题。</span>
              </el-col>
            </el-row>
            <el-row type="flex" align="middle" :gutter="20" style="margin-top: 1%">
              <el-col>
                技术选型：
                <span style="font-size: 0.8em">
                  后端：Springboot 脚⼿架 + SpringWeb + MybatisPlus + SpringSecurity + JWT 等；前端：VueJs 2 + ElementUI + Axios.js等
                </span>
              </el-col>
            </el-row>
            <el-row type="flex" align="middle" :gutter="20" style="margin-top: 1%">
              <el-col>
                服务器运行环境：
                <span style="font-size: 0.8em">
                  Java 版本：OpenJDK version “1.8.0_282”，应⽤服务器： Tomcat（Springboot 内嵌），数据库： MySql 8 linux版
                </span>
              </el-col>
            </el-row>
            <el-row type="flex" align="middle" :gutter="20" style="margin-top: 1%">
              <el-col>
                客户端运行环境：
                <span style="font-size: 0.8em">
                  ⾕歌浏览器（推荐），360浏览器，IE8+
                </span>
              </el-col>
            </el-row>
          </el-card>
        </el-col>
      </el-row>
      <el-row type="flex" :gutte="20" style="margin-top: 1%">
        <el-col :span="12">
          <el-card shadow="hover">
            <div slot="header" class="clearfix">
              <span>版本更新说明</span>
              <el-button style="float: right; padding: 3px 0" type="text">查看全部</el-button>
            </div>
            <el-collapse v-model="activeNames" @change="handleChange">
              <el-collapse-item title="一致性 Consistency" name="1">
                <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
                <div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
              </el-collapse-item>
            </el-collapse>
          </el-card>
        </el-col>
        <el-col :span="12">
          <el-card shadow="hover">
            <div slot="header" class="clearfix">
              <span>友情链接</span>
            </div>
            <el-link href="http://os.jxtz.net" underline>内网服务平台</el-link>
            <el-divider direction="vertical" />
            <el-link href="http://os.jxtz.net" underline>同致数据中心</el-link>
          </el-card>
        </el-col>
      </el-row>
    </el-main>
  </el-container>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'IndexNormal',
  data() {
    return {

    }
  },
  computed: {
    ...mapGetters([
      'name'
    ])
  },
  created() {
  },
  methods: {}
}
</script>

<style scoped>
.main-title-font{
  font-size: 1.5em;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

</style>
